<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8">
  <title>Very Basic 3D Viewer</title>
  <link rel="stylesheet" href="https://developer.api.autodesk.com/modelderivative/v2/viewers/style.css?v=3.3.1" type="text/css">
</head>

<body>
  <div id="MyViewerDiv"></div>

  <!-- The Viewer JS -->
<script src="https://developer.api.autodesk.com/modelderivative/v2/viewers/three.min.js?v=3.3.1"></script>
<script src="https://developer.api.autodesk.com/modelderivative/v2/viewers/viewer3D.min.js?v=3.3.1"></script>

  <!-- Developer JS -->
  <script>
      var myViewerDiv = document.getElementById('MyViewerDiv');
      var viewer = new Autodesk.Viewing.Private.GuiViewer3D(myViewerDiv);
      var options = {
          'env' : 'Local',
          'document' : './litang/3d.svf'
      };
      Autodesk.Viewing.Initializer(options, function() {
        viewer.start(options.document, options);
        document.getElementById("navTools").style.display = "none";
        document.getElementById("modelTools").style.display = "none";
      });

      setTimeout( function(){
          document.getElementById("toolbar-fullscreenTool").style.display = "none";
          document.getElementById("toolbar-settingsTool").style.display = "none";
      }, 4 * 1000 );
  </script>
</body>

</html>
